<%--
  Created by IntelliJ IDEA.
  User: wlc
  Date: 2018/5/4
  Time: 23:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>可视化系统</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="generator" content="Intellij">
    <!-- css -->
    <link rel="stylesheet" href="../css/style-background.css" type="text/css">
    <link rel="stylesheet" href="../css/style-systemPage-pageframe.css" type="text/css">
    <link rel="stylesheet" href="../css/style-systemPage-tools-model.css" type="text/css">
    <link rel="stylesheet" href="../css/style-systemPage-tools-sector.css" type="text/css">
    <link rel="stylesheet" href="../css/style-systemPage-tools-function.css" type="text/css">
    <link rel="stylesheet" href="../css/style-systemPage-tools-config.css" type="text/css">
    <link rel="stylesheet" href="../css/style-systemPage-model-neurons.css" type="text/css">
    <link rel="stylesheet" href="../css/style-systemPage-panel-NN.css" type="text/css">
    <link rel="stylesheet" href="../css/style-systemPage-panel-DATA.css" type="text/css">
    <link rel="stylesheet" href="../css/style-systemPage-icon-function.css" type="text/css">
    <link rel="stylesheet" href="../css/style-systemPage-menu-barContent.css" type="text/css">
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
    <link rel='stylesheet' href='http://cdn.webfont.youziku.com/webfonts/nomal/115944/46865/5ace1a2ef629d8097cd7c2ba.css' type='text/css' />
</head>
<body id="systemPage-background">
<!-- menu -->
<div id="menu-container">
    <div id="menu-menuBar">
        <ul id="menuBar-item">
            <li class="menuBar-list" id="menuBar-Jarvis">Jarvis</li>
            <li class="menuBar-list" id="menuBar-model">模型</li>
            <li class="menuBar-list" id="menuBar-edit">编辑</li>
            <li class="menuBar-list" id="menuBar-view">视图</li>
            <li class="menuBar-list" id="menuBar-help">帮助</li>
        </ul>
    </div>
    <div id="menu-toolsWindows">
        <div class="tools-button" id="button-collapse">
            <div class="collapse up"></div>
        </div>
        <div class="delimiter"></div>
        <div class="tools-button" id="button-stop">
            <div class="button-icon"><i class="fa fa-stop fa-fw"></i></div>
        </div>
        <div class="tools-button" id="button-run">
            <div class="button-icon"><i class="fa fa-play fa-fw"></i></div>
        </div>
        <div id="button-config">
            <div id="config-item">
                <div id="config-dropDown"><i class="fa fa-sort-down fa-fw"></i></div>
                <div id="config-title"><span></span></div>
            </div>
            <div id="config-content">
                <ul>
                    <li id="config-content-tools"><i class="fa fa-pencil-square-o fa-fw"></i><span>设置配置项</span></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- content -->
<div id="model-container">
    <div class="model-panel panel-DATA normal-panel" id="test">
        <div class="panel-DATA-content">
            <div class="panel-DATA-sidebar">
                <div class="panel-DATA-list">
                    <button type="button" class="panel-DATA-openButton forbidden">打开</button>
                </div>
                <div class="panel-DATA-information"></div>
            </div>
            <div class="panel-DATA-view">
            </div>
        </div>
    </div>
</div>
<!-- hidden -->
<div id="tools-container">
    <div id="function-tools">
        <div class="tools-title" id="function-tools-title">函数工具</div>
        <div id="function-tools-content">
            <div id="function-panel">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a data-tit="usualFunction" class="tab-title">函 数</a></li>
                    <li role="presentation"><a data-tit="customizeFunction" class="tab-title">自定义</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="usualFunction">
                        <div class="function-item" id="function-constant">
                            <div class="function-title">常量函数:</div>
                            <div class="function-content"><div  class="function-formula"></div></div>
                        </div>
                        <div class="function-item" id="function-sigmod">
                            <div class="function-title">sigmod函数:</div>
                            <div class="function-content"><div class="function-formula"></div></div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="customizeFunction"></div>
                </div>
            </div>
            <input type="hidden" id="function-model-id" value="">
        </div>
    </div>
    <div id="model-tools">
        <div class="tools-title" id="model-tools-title">&nbsp;&nbsp;模型工具</div>
        <div id="model-tools-content">
            <div class="model-bubble">
                <div id="model-tools-neurons" class="model-generate"></div>
            </div>
        </div>
    </div>
    <div id="config-tools">
        <div class="tools-title" id="config-tools-title"><span>运行配置项</span></div>
        <div id="config-tools-content">
            <div id="config-tools-content-list">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a data-tit="NNconfig" class="tab-title">神经网络</a></li>
                </ul>
            </div>
            <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="NNconfig">
                    <div id="NNconfig-name">
                        <label>名称:</label>
                        <input type="text">
                    </div>
                    <div id="NNconfig-init">
                        <div id="NNconfig-init-algorithm">
                            <label>学习算法：</label>
                            <select>
                                <option>Default(None)</option>
                                <option>Back Propagation(BP)</option>
                            </select>
                        </div>
                        <div id="NNconfig-init-weight">
                            <label>权 值:</label>
                            <input type="number">
                        </div>
                        <div id="NNconfig-init-lrate">
                            <label>学习率:</label>
                            <input type="number">
                        </div>
                    </div>
                    <div id="NNconfig-button">
                        <button type="button" id="NNconfig-button-confirm">确定</button>
                        <button type="button" id="NNconfig-button-cancel">取消</button>
                        <button type="button" id="NNconfig-button-apply">应用</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="menuList-container">
    <ul class="menuBar-content" id="Jarvis-content">
        <li id="Jarvis-new">
            新建
            <div class="arrow-right">►</div>
            <ul class="menuBar-content extent" id="Jarvis-new-extent1">
                <li>系统...</li>
                <li class="transition"></li>
                <li id="Jarvis-new-dataset">数据集</li>
                <li id="Jarvis-new-NN">神经网络</li>
            </ul>
        </li>
        <li>打开</li>
        <li>最近使用</li>
        <li>关闭</li>
        <li class="transition"></li>
        <li>导出</li>
    </ul>
    <ul class="menuBar-content" id="model-content"></ul>
    <ul class="menuBar-content" id="edit-content"></ul>
    <ul class="menuBar-content" id="view-content">
        <li>工具栏窗口</li>
        <li class="transition"></li>
        <li id="view-modelTools"><i class="fa fa-check fa-fw"></i>模型工具</li>
        <li class="transition"></li>
    </ul>
    <ul class="menuBar-content" id="help-content"></ul>
</div>
<!-- js -->
<script type="text/javascript" src='../js/jquery.min.js'></script>
<script type="text/javascript" src="../js/systemPage-init.js"></script>
<script type="text/javascript" src="../js/systemPage-event-onMouse.js"></script>
<script type="text/javascript" src="../js/systemPage-event-onClick.js"></script>
<script type="text/javascript" src="../js/systemPage-event-onDblClick.js"></script>
<script type="text/javascript" src="../js/systemPage-event-css.js"></script>
<script type="text/javascript" src="../js/systemPage-object-panel.js"></script>
<script type="text/javascript" src="../js/systemPage-object-model.js"></script>
<script type="text/javascript" src="../js/systemPage-object-tools.js"></script>
<script type="text/javascript" src="../js/systemPage-object-icon.js"></script>
<script type="text/javascript" src="../js/systemPage-util-function.js"></script>
</body>
</html>
